<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head>
<title>gridr.js Example</title>

<script type="text/javascript" src='../../gridr.js'></script>
<script type="text/javascript" src='../../lib/prototype.js'></script>
<link href="assets/css/gridr.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript">
    //<![CDATA[
var grid;
    function load() 
    {
      grid=new gridr('grid');
      grid.cellWidth=165;
      grid.cellHeight=125;
      grid.margin=10;
      
      grid.DataSource=LoadData();
      grid.DataBind();
      
     
    }
    
    function LoadData()
    {
		var d=new Array();
		for(i=0;i<16;i++)
		{
			var container=document.createElement('div');
			container.appendChild(document.createTextNode('hi'));
			
			d.push(container);
		}
		
		return d;
		
		
		
    }

    //]]>
    </script>


</head>
<body onload="load()">

<h3>gridr.js Demo</h3>

<div id='grid' ></div>

</body>
</html>